<template>
  <div class="iphonecontainer _iphonecontainer">
      <SubNavGuide/>
       <IPadBriefInfo  :isnew="'yes'" :goodname="'iPhone SE'" :goodinfo="'称心称手，超值入手。'" :buyinfo="'折抵换购，仅 RMB 90/月或RMB 2149 起*。'" :priceinfo="'RMB 3299 起'" :fontcolor="'black'" :backgoundcolor="'rgb(250, 250, 250)'" :imgsrc="require('./imgs/hero_iphone_se.jpg')"/>
       <IPadBriefInfo :reversedirection="'yes'" :goodname="'iPhone11'" :goodinfo="'一切都刚刚好。'" :buyinfo="'折抵换购，仅 RMB 167/月或 RMB 3999 起。'" :fontcolor="'black'" :priceinfo="'RMB 3999 起'" :backgoundcolor="'rgb(250, 250, 250)'" :imgsrc="require('./imgs/hero_iphone_11.jpg')"/>
       <IPadBriefInfo :goodname="'iPhone11Pro'" :goodinfo="'摄像头、显示屏、性能，样样 Pro 如其名。'" :buyinfo="'折抵换购，仅 RMB 273/月或 RMB 6549 起。'" :priceinfo="'RMB 6549 起'" :fontcolor="'black'" :backgoundcolor="'rgb(250, 250, 250)'" :imgsrc="require('./imgs/hero_iphone_11_pro.jpg')"/> 
      <comparei-phone/>
      <whyiphon/> 
      <iPhoneFinalInfo/>
  </div>
</template>

<script>
import IPadBriefInfo from './subcomponents/iPhonBriefInfo.vue'
import CompareiPhone from './subcomponents/CompareiPhone.vue'
import iPhoneFinalInfo from "./subcomponents/iPhoneFinalInfo";
import SubNavGuide from './subcomponents/SubNavGuide.vue'
import Whyiphon from './subcomponents/Whyiphon.vue';
export default {
  components: { SubNavGuide, CompareiPhone, IPadBriefInfo,iPhoneFinalInfo, Whyiphon },

}
</script>

<style lang="less" scoped>
@media only screen and(min-width: 800px) {
    .iphonecontainer{
        width: 100%;
      overflow: hidden;
    }
}
</style>